#{extends 'mainStage.html' /}
#{set title:'Ajouter les dates administratives'/}
<style type="text/css"> 
@import "../../../public/javascripts/jquery-ui-1.8.13.custom/css/ui-lightness/jquery-ui-1.8.13.custom.css";
</style>
<script type="text/javascript" src="../../../public/javascripts/jquery-ui-1.8.13.custom/js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="../../../public/javascripts/jquery-ui-1.8.13.custom/development-bundle/ui/i18n/jquery.ui.datepicker-fr.js"></script>
<SCRIPT TYPE="text/javascript" SRC="../../../public/javascripts/filterlist.js"></SCRIPT> 

<SCRIPT>
	$(function() {
		$( "#dateComp" ).datepicker();
		$( "#dateFinan" ).datepicker();
	});
</SCRIPT>
<h2>Dates p&eacute;dagogiques</h2>
#{form @ajouterDatesAdministrativesSave()}
	<input type="hidden" id="stageId" name="stageId" value=${stageId}>
	<p><label for="dateComp">Entrez la date d'enregistrement des comp&eacute;tences :</label>
	<input type="text" name="dateComp" id="dateComp"/></p>
	<br/>
	<p><label for="dateFinan">Entrez la date financi&egrave;re :</label>
	<input type="text" name="dateFinan" id="dateFinan"/></p>
	<input type="submit" value="Enregistrer">
#{/form}